<?php
defined('BASEPATH') OR exit('No direct script access allowed');

?>
<!DOCTYPE html>
<html lang="{lang_code}">
	<head>
		<meta charset="{charset}">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>{meta_title}</title>
		<link rel="canonical" href="<?php echo current_url(); ?>">
<?php
echo $dns_prefetch;
echo $stylesheet;
?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
		<!--[if lt IE 9]>
			<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" integrity="sha256-3Jy/GbSLrg0o9y5Z5n1uw0qxZECH7C6OQpVBgNFYa0g=" crossorigin="anonymous"></script>
			<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js" integrity="sha256-g6iAfvZp+nDQ2TdTR/VVKJf3bGro4ub5fvWSWVRi2NE=" crossorigin="anonymous"></script>
		<![endif]-->
	<style>
		table>tbody>tr>td{
			vertical-align: middle !important;
		}	
		.select2-container--default.select2-container--focus .select2-selection--multiple
        {             
        border:1px solid #ccc; 
        }
        .select2-container--default .select2-selection--multiple .select2-selection__choice
        {
        background:#3c8dbc;
        border-color:#367fa9;
        }
        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove
        {
        color:#fff;
		}
		.multi-img-details{margin-top:.5em}.multi-img-details .multi-item{height:150px;max-width:150px;position:relative;float:left;margin-right:18px}.multi-img-details .multi-item img{max-width:150px;max-height:150px}.multi-img-details .multi-item em{position:absolute;top:0;right:-14px}

		.history .img-list{margin:4px;display:block;clear:both;list-style:outside none none;padding:0}.history .img-list .img-item{float:left;padding:5px;cursor:pointer;position:relative}.history .img-list .img-item .img-container{position:relative;width:106px;height:106px;text-align:center;background-color:#eee;background-size:contain;background-repeat:no-repeat;background-position:50% 50%}.history .img-list .img-item .img-container:hover .img-meta{display:none}.history .img-list .img-item .img-container .img-meta{width:100%;position:absolute;bottom:0;z-index:1;background:rgba(0,0,0,.5);color:#eee}.history .img-list .img-item .img-container .select-status{display:inline-block;width:50px;height:50px;position:absolute;bottom:0;right:0;z-index:2}.history .img-list .img-item-selected .img-container .select-status{display:inline-block;width:50px;height:50px;position:absolute;bottom:0;right:0;background:url(../images/success-small.png) no-repeat right bottom;z-index:2}.history .img-list .img-item-selected .img-container .img-meta{display:none}.history .img-list .img-item .btnClose{text-align:right;position:absolute;top:-10px;right:-5px;display:none;z-index:10}.history .img-list .img-item:hover .btnClose{display:block}.history .img-list .img-item .btnClose a{display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;color:#fff;background:rgba(0,0,0,.3);border-radius:50%}.history .img-list .img-item .btnClose a i.fa-times{font-size:14px;padding:3px;margin-top:0}.history .img-list .img-item .btnClose a:hover{background:#000}

		.mt-10 {margin-top: 10px;}
		.mb-10 {margin-bottom: 10px;}

		.table-hover > tbody > tr:hover > td,
		.table-hover > tbody > tr:hover > th {
			color:#363;
			cursor: pointer;
			background:#eee;
		}

	</style>
	</head>
	<body class="fixed sidebar-mini {theme}"><!-- hidden class : sidebar-collapse -->
		<div class="wrapper">
			<header class="main-header">
				{tpl_header}
			</header>

			<aside class="main-sidebar">
				{tpl_sidebar}
			</aside>

			<div class="content-wrapper">
				<section class="content-header">
					{content_header_title}
					{content_header_breadcrumbs}
				</section>

				<section class="content">
					{tpl_content}
				</section>
			</div>

			<footer class="main-footer">
				{tpl_footer}
			</footer>

			<aside class="control-sidebar control-sidebar-dark">
				{tpl_control_sidebar}
			</aside>

			<div class="control-sidebar-bg"></div>
		</div>

<?php

echo $javascript_body;

?>

		{tpl_footer_scripts}
	</body>
</html>
